
/* Imports
----------------------------------------*/
@import url("reset.css");

/* Elements
----------------------------------------*/
body{background-color:#FFFFFF; font-size:14px;}
body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:23px;
	color:#575757;
}
/*--- Link Styles ---*/
a:link, a:visited
{font-size:14px;
	color:#575757;
	text-decoration:none;
}
a:hover, a:active
{
	color:#f00;
	text-decoration:underline;
}
#flash a{text-decoration:none;}
img{outline:none;}
#nav li a:link{color:#fff; text-decoration:none;}
#nav li a:visited{color:#fff; text-decoration:none;}
#nav li a:hover{color:#1d5c87; text-decoration:none;}
#nav li a:active{color:#fff; text-decoration:none;}

#footerNav a:link{color:#fff; text-decoration:none;}
#footerNav a:visited{color:#fff; text-decoration:none;}
#footerNav a:hover{color:#1d5c87; text-decoration:underline;}
#footerNav a:active{color:#fff; text-decoration:none;}


ul,ol{list-style-type:none;}
strong		{font-weight:bold;}
em		{font-style:italic;}
.red{color:#f00;}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.relative	{position:relative;}
.absolute	{position:absolute;}
.clearThis 	{clear:both;}
.small 		{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large 		{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide		{display:none;}
.overflow	{text-indent:-9999px; font-size:0; line-height:0;}
.overflow a	{display:block; width:100%; height:100%;}
.BI{border:1px solid #dadada;}

/* Wrap
----------------------------------------*/
#wrap{
	width:1002px;
	margin:0 auto;
	overflow:visible;
	height:1%;
	zoom:1;
}
#page{
	clear:both;
	line-height:35px;
	height:35px;
	width:100%;
	text-align:center;
	border:1px solid #dedede;
	margin:12px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


/* Header
----------------------------------------*/

#header
{
	width:952px;
	height:136px;
	background:url(bg_repx.gif) 0 -353px repeat-x;
	padding:0 25px;
	z-index:100;
}

#logo
{
	margin-top:13px;
	margin-left:16px;
}

#linkInfo
{
	width:213px;
	height:20px;
	top:32px;
	right:12px;
	z-index:1000;
}
#linkInfo ul li
{
	width:51px;
	height:19px;
	line-height:13px;
	display:block;
	float:left;
	text-align:left;
	padding-left:15px;
	padding-top:3px;
	margin-right:2px;
}
.sy{background:url(bg_nore.gif) 0 3px no-repeat;}
.sc{
	background:url(bg_nore.gif) 0 -15px no-repeat;
	_background:url(bg_nore.gif) 0 -16px no-repeat;
}
.nav{
	background:url(icon_v2.gif) 4px 6px no-repeat;
	background:url(icon_v2.gif) 4px 5px no-repeat\9;
	_background:url(icon_v2.gif) 4px 4px no-repeat;
	cursor:pointer;
	color:#03F;
}
.nav_hover{
	background:url(icon_v.gif) 3px 7px no-repeat;
	_background:url(icon_v.gif) 3px 5px no-repeat;
	cursor:pointer;
	border:1px solid #dedede;
	border-bottom:0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#03F;
}
#nav_menu_list{
	width:125px;
	_width:132px;
	z-index:2;
	right:-1px;
	top:18px;
	background:#fff;
	border:1px solid #dedede;
	display:none;
	padding:3px 12px 10px 12px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#nav_menu_list dt{color:#666; font-weight:bold; line-height:26px; cursor:default;}
#nav_menu_list p {padding-left:1em; border-bottom:1px dashed #999; padding-bottom:3px;}
#nav_menu_list p a{
	height:23px;
	line-height:23px;
	text-indent:0px;
	font-weight:normal;
	padding:0 2px;
}
#topPhone{
	font-size:20px;
	color:#297eae;
	font-family:Arial, Helvetica, sans-serif;
	top:75px;
	right:28px;
	background:url(bg_nore.gif) 0px -35px no-repeat;
	padding-left:88px;
}

#nav
{
	height:33px;
	width:950px;
	border:1px solid #ffffff;
	background:url(bg_repx.gif) 0 -264px repeat-x;
	top:99px;
	left:25px;
}
#nav ul li
{
	height:33px;
	line-height:33px;
	width:93px;
	float:left;
	text-align:center;
}
.vl{background:url(bg_nore.gif) -185px -429px no-repeat;}
#flash
{
	width:950px;
	height:263px;
	padding:0 26px;
}
#flashLeft
{
	width:730px;
	height:263px;
	overflow:hidden;
}
#slide_bg{
	width:730px;
	height:60px;
	bottom:0;
	left:0;
	background:#000;
}

#flashRight
{
	width:220px;
	height:263px;
	background:url(bg_repx.gif) repeat-x;
}
#quick_menu
{
	width:190px;
	height:67px;
	background:url(bg_nore.gif) 0 -223px no-repeat;
	margin:0 auto;
	color:#fff;
}
#flashRight .box
{
	width:196px;
	height:52px;
	border:1px solid #4793e1;
	background:url(bg_repx.gif) 0 -300px repeat-x;
	margin:4px auto;
	color:#fff;
	position:relative;
}
#flash .icon{width:100%; height:52px; left:0; top:0;}
#flash .p{background:url(bg_nore.gif) 11px -115px no-repeat;}
#flash .o{background:url(bg_nore.gif) 11px -62px no-repeat;}
#flash .c{background:url(bg_nore.gif) 11px -164px no-repeat;}
#flash .go{background:url(bg_nore.gif) 0px -308px no-repeat; width:16px; height:16px; top:19px; right:16px;}

/* Main Content
----------------------------------------*/
#mainBox
{
	width:950px;
	padding:0 26px;
}
#leftBox
{
	width:705px;
	_width:685px;
	padding:30px 10px 0px 15px;
}
.title{
	width:96%;
	height:23px;
	padding-left:31px;
	background:url(bg_nore.gif) -28px -309px no-repeat;
}
.titleFont
{
	width:144px;
	height:14px;
	left:20px;
	top:0px;
}
.more{
	width:36px;
	height:5px;
	_height:4px;
	background:url(bg_nore.gif) 0 -437px no-repeat;
	right:10px;
	top:6px;
}
/*新闻动态*/ .f1{background:url(title.gif) 0 0 no-repeat;}
/*新闻资讯*/ .f2{background:url(title.gif) 0 -14px no-repeat;}
/*产品展示*/ .f3{background:url(title.gif) 0 -28px no-repeat;}
/*资质荣誉*/.f4{background:url(title.gif) 0 -42px no-repeat;}
/*销售网络*/.f5{background:url(title.gif) 0 -56px no-repeat;}
/*在线留言*/.f6{background:url(title.gif) 0 -70px no-repeat;}
/*在线订单*/.f7{background:url(title.gif) 0 -84px no-repeat;}
/*人才招聘*/.f8{background:url(title.gif) 0 -98px no-repeat;}
/*联系我们*/.f9{background:url(title.gif) 0 -112px no-repeat;}
.smallBox
{
	width:48%;
	_width:49%;
	height:240px;
	padding-bottom:5px;
}
.smallBoxBar1
{
	width:23px;
	height:21px;
	background:url(bg_nore.gif) 0px -445px no-repeat;
	left:0;
	top:0;
}
.smallBoxBar2
{
	width:23px;
	height:21px;
	background:url(bg_nore.gif) -23px -445px no-repeat;
	top:0;
	right:0;
}
.smallBoxContent
{
	background:url(bg_repx.gif) 0 -489px repeat-x;
	padding:21px 10px;
	font-size:14px;
	_height:1%;
}
#mainContent
{
	width:100%;
	_height:130px;
}
.introImg{float:left; margin-right:8px;}
#indexNews li{ line-height:33px; border-bottom:1px dashed #dedede; padding:0 12px 0 10px; position:relative; }
#indexNews li:hover{border-bottom:1px solid #dedede;}
#indexPro{width:660px; height:165px; overflow:hidden; margin:0 auto;}
#indexPro li{float:left; margin:10px; _margin:8px; width:149px; height:165px; _height:143px; text-align:center;}
#indexPro img:hover {border:1px solid #999;}

.companyInfo{background:url(companyInfo_bg.jpg) center bottom no-repeat; padding-bottom:200px; min-height:274px; height:auto !important; height:274px;}
.Newstime{position:absolute; right:12px; top:0;_top:-8px;}

#rightBox
{
	width:205px;
	_width:180px;
	height:478px;
	background:#f4f4f4;
	color:#5d5d5d;
	padding-top:26px;
	padding-left:15px;
	display:inline-block;
}
#rightBox ul{width:205px;}
#right_img{
	width:186px;
	/*height:68px;*/
	/*background:url(bg_nore.gif) 0 -350px no-repeat;*/
	overflow:hidden;
	margin:10px 0;
}

/* Footer
----------------------------------------*/
#footer
{
	width:870px;
	height:93px;
	padding-left:80px;
	margin:0 25px;
	border-top:4px solid #d6d6d6;
	color:#fff;
	background:#63adf8;
}
#footer img{
	margin-top:16px;
}
.fs{width:10px; height:15px;bottom:0;}
.fs1{background:url(bg_nore.gif) 0px -421px no-repeat; left:0;}
.fs2{background:url(bg_nore.gif) -20px -421px no-repeat; right:0;}

#footerNav
{
	left:30px;
	top:23px;
	line-height:23px;
}


/**/
#innerRightBox
{
	width:220px;
	color:#5d5d5d;
	background:#f4f4f4;
}
.innerRightTitle
{
	background:#8e8e8e url(bg_nore.gif) -167px 17px no-repeat;
	border-bottom:3px solid #494949;
	height:41px;
	width:220px;
}


/*ITEM NAVIGATION*/.f10{background:url(title.gif) 0 -128px no-repeat; top:14px; left:30px; width:130px; height:14px;}
/* RIGHT CONTACT US*/.f11{background:url(title.gif) 0 -141px no-repeat; top:14px; left:30px; width:132px; height:14px;}
/*CULTURE*/.f12{background:url(title.gif) 0 -156px no-repeat; top:14px; left:30px; width:114px; height:14px;}
/*LEADER*/.f13{background:url(title.gif) 0 -170px no-repeat; top:14px; left:30px; width:107px; height:14px;}
/*DEVELOP*/.f14{background:url(title.gif) 0 -185px no-repeat; top:14px; left:30px; width:114px; height:14px;}
/*ENTERPRISE*/.f15{background:url(title.gif) 0 -198px no-repeat; top:14px; left:30px; width:166px; height:14px;}
/*ORGNIZATION*/.f16{background:url(title.gif) 0 -212px no-repeat; top:14px; left:30px; width:136px; height:14px;}
/*PRODUCTS CLASS.f17{background:url(title.gif) 0 -225px no-repeat; top:14px; left:30px; width:159px; height:14px;}*/
/*PRODUCTS CLASS*/.f17{background:url(title.gif) 0 -239px no-repeat; top:14px; left:30px; width:159px; height:14px;}

#innerRightNav{padding:12px 15px 20px 15px;}
#innerRightNav li{background:url(bg_nore.gif) -162px -10px no-repeat; line-height:33px; border-bottom:1px dashed #dadada; padding-left:35px;}
#innerContact{padding:20px 15px 20px 15px;}

/*NEWS CONTENTS PAGE*/
#newTitle{
	color:#f00;
	font-size:14px;
	text-align:center;
	text-align:center;
}
#newTitle strong{
	font-size:14px;
}
#newsContent{
	color:#666;
	margin-bottom:16px;
}
#newsInfo{
	color:#666;
	margin:0px;
	font-weight:normal;
	text-align:center;
}
.infoClass{
	margin:0px;
	margin-bottom:10px;
	line-height:12px;
}
#infoImage{
	text-align:center;
	margin:10px 0;
}
#infoImage img{padding:1px; border:1px solid #dedede;}

/*PRODUCTS LIST PAGE*/
#picUL{text-indent:0; overflow:hidden;}
#picUL li{
	height:185px;
	width:200px;
	float:left;
	line-height:18px;
	margin:0 11px;
	_margin:0 8px;
	text-align:center;
}
#picUL li img{
	height:150px;
	width:200px;
	border:1px solid #dedede;
	padding:2px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#picUL li img:hover{
	border-color:#999;
}

/*GUESTBOOK PAGE*/
.borderLi{
	border-bottom:1px dashed #dedede;
	margin-bottom:6px;
	padding-bottom:6px;
}
.G_InputText{
	width:160px;
	height:16px;
	border:1px solid #dedede;
}
.G_textarea{
	width:300px;
	height:100px;
	border:1px solid #dedede;
}
.G_ul{
	width:500px;
	margin:0 auto;
	line-height:26px;
}
.G_botton{
	width:55px;
	height:29px;
	line-height:29px;
	border:0;
	background:url(button.gif) no-repeat;
	cursor:pointer;
}
.G_tips{
	color:#666;
	width:486px;
	margin:10px auto 0 auto;
	border:1px solid #dedede;
	padding:7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}
/*人才招聘*/
.jobList{
	padding:5px 16px 20px 16px;
	position:relative;
	width:550px;
	margin:0 auto;
}
.yingping{
	position:absolute;
	right:0;
	bottom:0;
	color:#f00;
}
/*联系我们*/
#contact{width:550px; margin:0 auto;}
#contact li{border-bottom:1px dashed #dedede; line-height:33px;}


.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:730px; height:263px; display:block;}

.num{ position:absolute; right:5px; bottom:16px;}
.num li{
	float: left;
	color: #2d90e1;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #2d90e1;
	background-color: #fff;
}
.num li.on{
	color: #fff;
	line-height: 21px;
	width: 21px;
	height: 21px;
	font-size: 16px;
	margin: 0 1px;
	border: 0;
	background-color: #2d90e1;
	font-weight: bold;
}